<template>
  <div class="recommend">
   <div class="recommend-content">
     <div class="slider-wrapper">

     </div>
     <div class="recommend-list">
       <h1 class="list-title">热门推荐</h1>
     </div>
   </div>
  </div>
</template>

<script>
  import {getRecommend} from "api/recommend"
  import {ERR_OK} from "api/config";

  export default {
    data() {
      return {
        name: "recommend",
        imageUrl: Object
      }
    },
    created() {
      this._getRecommend();
    },
    mounted() {

    },
    methods:{
      _getRecommend(){
        getRecommend().then((res)=>{
          if(res.code === ERR_OK){
            console.log(res.data.slider)
          }
        })
      }
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import '~common/stylus/variable.styl'
  .recommend
    position :absolute
    width :100%
    top:88px
</style>
